var check = document.querySelectorAll('.option img');
var arrows = document.querySelector('.arrows');
var imgBox = document.querySelector('.img_box')
for(var i = 0 ; i < check.length ; i++){
    check[i].parentNode.index = i;
    check[i].onclick = function(){
        for(var j = 0 ; j < check.length ; j++){
            check[j].parentNode.classList.remove('active');
        }
        console.log(this.parentNode.index);
        arrows.setAttribute('style','transform:translateY('+124 * this.parentNode.index +'px)');
        imgBox.setAttribute('style','transform:translateY('+ (-622) * this.parentNode.index +'px)');
        this.parentNode.classList.add('active');
    }
}